<template>
    <el-main>
      <el-container class="config-page panel-block">
        <el-header class="sa-header">
          <el-tabs class="sa-tabs" v-model="configType">
            <el-tab-pane v-for="c in configList" :key="c" :label="c.label" :name="c.api"></el-tab-pane>
          </el-tabs>
        </el-header>
       
        <!--   电商   -->
        <seller :serve="1" v-if="configType === 'seller'"></seller>
        <!-- 团购 -->
        <seller :serve="2" v-if="configType === 'group'"></seller>
         <!--   供应商   -->
         <supplyChain :serve="3" v-if="configType === 'supply'"></supplyChain>
      </el-container>
    </el-main>
  </template>
  
  <script setup>
    import { ref } from 'vue';
    import supplyChain from './supplyChain.vue'
    import seller from './seller.vue'

  
    const configType = ref('seller');
  
    const configList = [
      { label: '电商商家', api: 'seller' },
      { label: '团购商家', api: 'group' },
      { label: '供应链商家', api: 'supply' },

    ];
  </script>
  
  <style scoped lang="scss">
  </style>